<template>
  <div class="q-pa-md q-gutter-sm">
    <t-button class="btn-fixed-width" color="primary" label="特来电按钮" />
    <t-btn
      align="left"
      class="btn-fixed-width"
      color="primary"
      label="Align to left"
    />
    <t-btn
      align="right"
      class="btn-fixed-width"
      color="secondary"
      label="Align to right"
    />
    <t-btn
      align="between"
      class="btn-fixed-width"
      color="accent"
      label="Align between"
      icon="flight_takeoff"
    />
    <t-btn
      align="around"
      class="btn-fixed-width"
      color="brown-5"
      label="Align around"
      icon="lightbulb_outline"
    />
  </div>
</template>

<style lang="sass" scoped>
  .btn-fixed-width
    width:210px
</style>
